“Simple Tech - Responsive Blogger Template” Documentation by “ThemeXpose” v1.0

Simple Tech

Created: 5/09/2014
By: SoraTemplates
Email: Soratemplate@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email. Thanks so much!

Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. Setting up the Social icons
  5. Edit Author Info

  1. Installation - top

    2. Now you have Simple Tech Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click Backup/Restore button (Top Right).

    3. Click Choose ( Browse..) File button. Find where the “Simple Tech-Blogger-Template.xml” file location.

    4. Then Click Upload.

    Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work

    Access your blog Layout > click Edit link on Header widget

    In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

    To Edit Top Menu in this theme you can follow this step:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. (Top Menu) Scroll down and Find this Code :

             <ul class='menubar'> 
            <li> 
              <a href='#'> 
                Home 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                About 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Contact 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Error Page 
              </a> 
            </li> 
          </ul>
    4. Change # with yours URL link
    To Edit Main Menu in this theme you can follow this step:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. (Top Menu) Scroll down and Find this Code :

       <ul class='nav menubar2' id='menu-main'> 
          <li> 
            <a class='active' href='/'> 
              <i class='fa fa-home'/> 
              <div id='act'> 
                Home 
              </div> 
            </a> 
          </li> 
          <li> 
            <a href='#'> 
              Business 
            </a> 
            <ul> 
              <li> 
                <a href='#'> 
                  Fashion 
                </a> 
              </li> 
              <li> 
                <a href='#'> 
                  Fashion1 
                </a> 
              </li> 
              <li> 
                <a href='#'> 
                  Fashion2 
                </a> 
              </li> 
            </ul> 
          </li> 
          <li> 
            <a href='#'> 
              Fashion 
            </a> 
            <ul> 
              <li> 
                <a href='#'> 
                  Sub Menu 1 
                </a> 
              </li> 
              <li> 
                <a href='#'> 
                  Sub Menu 2 
                </a> 
              </li> 
              <li> 
                <a href='#'> 
                  Sub Menu 3 
                </a> 
              </li> 
            </ul> 
          </li> 
<li> 
            <a href='#'> 
              Sports 
            </a> 
          </li> 
          <li> 
            <a href='#'> 
              Games 
            </a> 
          </li> 
          <li> 
            <a href='#'> 
              Technology 
            </a> 
          </li> 
          <li> 
            <a href='#'> 
              Download 
            </a> 
          </li> 
        </ul>
    4. Change # with yours URL link

  2. Setting up the Social Icons - top

    3. To Edit Top social icons in this theme you can follow this step:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. (Top Menu) Scroll down and Find this Code :

      <div class='soc-icon pull-right'> 
                                            <ul> 
                                                                                                    <li><a href='#'><img alt='Dribbble' src='http://1.bp.blogspot.com/-0KinYJlPg0o/VAii64HIeiI/AAAAAAAABkA/-P4EIYqFChY/s1600/soc-icon-dribbble.png'/></a></li> 
                                                                                                    
                                                 
                                                                                                    <li><a href='#'><img alt='Facebook' src='http://1.bp.blogspot.com/-X7iMvUAtq08/VAii6wHeRLI/AAAAAAAABj8/ast6_i7jBmc/s1600/soc-icon-fb.png'/></a></li> 
                                                 
                                                             

                                                                                                    <li><a href='#'><img alt='Pinterest' src='http://3.bp.blogspot.com/-AlQmGkQq9MI/VAijAQfGagI/AAAAAAAABkQ/_G6WLvRqGgY/s1600/soc-icon-p.png'/></a></li> 
                                                                                                    

                                                                                                    <li><a href='#'><img alt='Behance' src='http://4.bp.blogspot.com/-PZoZIvzojHQ/VAii52uu-yI/AAAAAAAABjk/oz67jJFt9-c/s1600/soc-icon-be.png'/></a></li> 
                                                  
                                                  
                                                     
                                                                                                     
                                                                                                    <li><a href='#'><img alt='Instagram' src='http://4.bp.blogspot.com/-L6MZ5N36hWc/VAii7fHrYoI/AAAAAAAABj4/ENCEAuK5vx4/s1600/soc-icon-instagram.png'/></a></li> 
                                                   
                                                     
                                                 
                                                                                            </ul>
                                        </div>
    4. Change # with yours URL link
    To Edit Footer social icons in this theme you can follow this step:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. (Top Menu) Scroll down and Find this Code :

         <ul class='aligncenter'> 
              <li class='social-email'><a href='#' target='_blank'><i class='fa fa-envelope'/></a> 
                </li> 
                <li class='social-facebook'><a href='#' target='_blank'><i class='fa fa-facebook'/></a> 
                </li> 
                <li class='social-gplus'><a href='#' target='_blank'><i class='fa fa-google-plus'/></a> 
                </li> 
                <li class='social-pinterest'><a href='#' target='_blank'><i class='fa fa-pinterest'/></a> 
                </li> 
                <li class='social-twitter'><a href='#' target='_blank'><i class='fa fa-twitter'/></a> 
                </li> 
                <li class='social-youtube'><a href='#' target='_blank'><i class='fa fa-youtube'/></a> 
                </li> 
            </ul>
    4. Change urls with yours URL link

  3. Edit Author Info - top

  4. Author Description - top

    5. Author image and description automatically fetch from Google + account. You just need to add info in you google+ account.And activate author infomation option from blogger settings

    To Activate author infomation in this theme, you can follow this step:

    1. On Blogger Dashbord Click layout

    2. Click Edit Blog Posts

    3. Now check same like below image :

 

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Go To Table of Contents